$(function () {
  /**
   * 校验
   */
  layui.form.verify({
    // 用户昵称校验
    nickname: [/^[\S]{1,10}$/, '昵称长度为1到10个字符！']
  })

  /**
   * 渲染
   */
  initUserName()

  /**
   * 重置表单
   */
  $('#btnReset').on('click', function (e) {
    e.preventDefault()
    initUserName()
  })

  /**
   * 更新用户的基本信息
   */
  $('.layui-form').on('submit', function (e) {
    e.preventDefault()
    updateUser()
  })
})

/**
 * axios
 */
// 请求用户信息
function initUserName() {
  axios({
    url: '/my/userinfo'
  }).then(({ data: res }) => {
    if (res.status != 0) {
      return layui.layer.msg(res.message)
    }
    layui.form.val('formTest', res.data)
  }).catch(() => {
    return layui.layer.msg('页面出错，请联系管理员')
  })
}

// 更新用户数据
function updateUser() {
  axios({
    method: 'POST',
    url: '/my/userinfo',
    data: $('.layui-form').serialize()
  }).then(({ data: res }) => {
    if (res.status != 0) {
      return layui.layer.msg(res.message)
    }
    layui.layer.msg(res.message)
    window.parent.getUserInfo()
  }).catch(() => {
      return layui.layer.msg('页面出错，请联系管理员')
    })
}